<!DOCTYPE html>
<html>
  <head>
		<style>
			div.container {
				border:1px solid gray;
				line-height:150%;
				margin:0px;
			}
			div.header,div.footer {
				background-color:gray;
				color:#fff;
				margin:0px;
				padding:8px;
				clear:left;
			}
			h1.header {
				/** 默认有margin */
				margin:0px;
			}
			div.left {
				float:left;
				width:160px;
				padding:8px;
				margin:0px;
			}
			div.content {
				border-left-color:gray;
				border-left-width:1px;
				border-left-style:solid;
				margin-left:190px;
				padding:16px;
			}
    </style>
  </head>
  <body>
  
    <div class="container">
      <div class="header">
      	<h1 class="header">w3cschool.cc</h1>
      </div>
      <div class="left">
      	<p>"Never increase, beyond what is necessary, the number of entities required to explain anything." William of Ockham (1285-1349)</p>
      </div>
      <div class="content">
        <h2>Free Web Building Tutorials</h2>
        <p>At w3cschool you will find all the Web-building tutorials you need,
        from basic HTML and XHTML to advanced XML, XSL, Multimedia and WAP.</p>
        <p>w3cschool - The Largest Web Developers Site On The Net!</p>
      </div>
      <div class="footer">Copyright 1999-2005 by Refsnes Data.</div>
    </div>
  
  </body>
</html>